<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>老侯代读</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link rel="stylesheet" href="/css/style.css">
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#btnPay').click(function () {
                IFPay();
            });
        });
        function onBridgeReady() {
            WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', {
                        "appId": '{{$payArray['appId']}}',     //公众号名称，由商户传入
                        "timeStamp": '{{$payArray['timeStamp']}}',         //时间戳，自1970年以来的秒数
                        "nonceStr": '{{$payArray['nonceStr']}}', //随机串
                        "package": '{{$payArray['package']}}',
                        "signType": 'MD5',         //微信签名方式：
                        "paySign": '{{$payArray['sign']}}' //微信签名
                    },
                    function (res) {
                        if (res.err_msg == "get_brand_wcpay_request:ok") {
                            var order = '{{$out_trade_no}}';
                            AjaxPay(order);
                        }    // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                    }
            );
        }
        function AjaxPay(order) {
            $.ajax({
                type: "POST",
                async: false,
                url: "/testpay/payorder.html",
                data: JSON.stringify(jsonpay(order)),
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function () {
                    $("#btnPay").attr({
                        disabled: "disabled"
                    });
                },
                success: function (msg) {
                    if (msg == '1') {
                        location.href = '/testpay/paysuccess.html';
                    } else {
                        alert("支付失败，如果遇到技术问题，请在公众号留言，或拨打客服电话留言。");
                    }
                }
            });

        }
        function jsonpay(order) {
            var json = {
                "order": order
            };
            return json;
        }
        function IFPay() {
            if (typeof WeixinJSBridge == "undefined") {
                if (document.addEventListener) {
                    document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
                } else if (document.attachEvent) {
                    document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                    document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
                }
            } else {
                onBridgeReady();
            }
        }
    </script>
</head>
<body class="hsbg">
<div class="head-jion">
    <img src="/images/head-jion.jpg" alt="">
</div>
<div class="text-con wrap">
    <!--<div class="pay-banner">
        <img src="images/pay-banner.jpg" alt="">
    </div>-->
   
    <p class="text-info"><span class="big">通</span>过“读书、读事、读人”帮助企业重塑学习基因，再造企业的学习体系，为企业量身定制一套持续创新实效精进的自学习系统。解决企业学习“落地难、无成果、不持久、无系统”的根本性问题。共建企业自学习社群，植入全新的自商业运营管理体系。</p>
    <p class="text-info">每天收听 <span class="strong">1条商业经典，</span>每周代读<span class="strong">1本管理书籍，</span>每月分享<span class="strong">4场专题视频，</span>每年共享<span class="strong">500条决策建议。</span></p>
    <p class="text-info"><span class="big">首批VIP会员</span>招募现已全面启动，一年2000元/会费，一张在线学习通行证。</p>
    <!--<p class="text-title">请问大家几个问题</p>

    <p class="text-info"><span class="big">你</span>还记得，上个月读得印象最深的是哪本书吗？如果现在让你合上书，你能记得多少？实质，我做过很多次试验，大多数人合上书后，很难想起书中的十个要点，更无法提炼精华，转化运用。</p>-->
</div>
<div class="text-con wrap">
    <div class="pay-box">
        <ul class="pay-item">
            <li>
                <span class="pay-name"> VIP会员服务年费：</span>
                <span class="pay-val">
                        <i class="money">2000</i> 元/人民币
                    </span>
            </li>
            {{--<li>--}}

                {{--<span class="pay-name">在线支付暂未开放，</span>--}}
                {{--<span class="pay-val">--}}
                       {{--敬请期待！--}}
                    {{--</span>--}}
                {{--<span class="pay-name">会员有限期至：</span>--}}
                {{--<span class="pay-val">2017年8月23日</span>--}}
            {{--</li>--}}
            <li>
                <input id="btnPay" name="btnPay" type="button" class="vis-hid">
                <label href="javascript:void(0);" for="btnPay" id="btn" class="mbtn pay-wx mbtn-sure"><i
                            class="wx-icon"><img src="/images/wx-pay.png" alt=""></i>使用微信支付</label>
            </li>
        </ul>
    </div>
</div>
</body>
</html>